<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>菜单添加</title>
</head>
<body>
	<!-- 面包屑导航 -->
	<ol class="breadcrumb tool_margin_bottom_0 tool_border_radius_0 tool_border_bottom_style">
	  <li>
	    <a href="/">首页</a>
	  </li>
	  <li class="active">菜单添加</li>
	</ol>
	<div class="page_content container-fluid">
		<ul class="nav nav-tabs">
			<li role="presentation"><a id="btnMenuList" href="sys/menuList.html">菜单列表</a></li>
			<li role="presentation" class="active"><a>菜单添加</a></li>
		</ul>
		<form class="form-horizontal" id="menuInfoForm" action="javascript:alert('验证成功,可以提交.');" method="post">
		  	<div class="form-group">
		    	<label for="menuName" class="col-sm-2 control-label">菜单名称：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="menuName" name="menuName" placeholder="菜单名称" />
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="menuType" class="col-sm-2 control-label">菜单类型：</label>
		    	<div class="col-sm-2 input-group-sm">
		    		<select class="form-control" id="menuType" >
		      			<option value="1">顶层菜单</option>
		      			<option value="2">菜单组</option>
		      			<option value="3">业务菜单</option>
		      		</select>
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="parentMenu" class="col-sm-2 control-label">上级菜单：</label>
		    	<div class="col-sm-2">
			    	<div class="input-group input-group-sm">
			      		<input type="text" class="form-control" id="parentMenu" name="parentMenu" placeholder="上级菜单" disabled>
		      			<span class="input-group-btn">
		      				<a class="btn btn-default" id="parentMenuBtn" role="button"><i class="fa fa-search"></i></a>
		      			</span>
			    	</div>
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="menuLink" class="col-sm-2 control-label">链接：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="menuLink" name="menuLink" placeholder="链接" />
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="menuIcon" class="col-sm-2 control-label">图标：</label>
		    	<div class="col-sm-6 input-group-sm">
		      		<i id="menuIcon"></i>&nbsp;&nbsp;<a id="btnIcon" class="btn btn-default" href="#"  role="button">选择</a>
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="menuSort" class="col-sm-2 control-label">排序：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="menuSort" name="menuSort" placeholder="排序" />
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="menuSort" class="col-sm-2 control-label">可见：</label>
		    	<div class="col-sm-2 input-group-sm">
			      		<label class="checkbox-inline">
							<input type="radio" name="inlineCheckbox1" value="option1"> 显示
						</label>
			      		<label class="checkbox-inline">
							<input type="radio" name="inlineCheckbox1" value="option1"> 隐藏
						</label>
		    	</div>
		  	</div>
		  	<div class="form-group button-area">
		  		<div class="col-xs-offset-1">
					<a id="btnSave" class="btn btn-primary" href="#" role="button"><i class="fa fa-save"></i> 保存</a>
					&nbsp;&nbsp;&nbsp;
					<a id="btnReturn" class="btn btn-default" href="sys/menuList.html" role="button">返回</a>
				</div>
			</div>
		</form>
	</div>
	<script type="text/javascript">
	seajs.use('sys/menuInfo.js', function(menuInfo) {
		menuInfo.init();
	});
	</script>
</body>
</html>